<script setup>
// 引入 api
import { ref } from "vue"

// 内容
const content = ref('')

// 复选框列表
const selects = ref(["唱歌", "跳舞", "打游戏", "看电影", "打篮球"])

// 选中的内容
const check = ref('')

// 点击函数
function btn() {
    content.value = check.value
}
</script>

<template>
    <!-- 按钮 -->
    <select v-model="check">
        选择
        <option v-for="select in selects" :value="select">{{ select }}</option>
    </select>
    <br>
    <br>
    <input type="button" value="显示" @click="btn">

    <!-- 渲染 -->
    <p>{{ content }}</p>
</template>